<template>
  <div class="Integrated_Monitoring_FWYC">
    <div class="pubBig Privilege">
      <div class="h0">
        <p class="lt"></p>
      </div>
      <div class="dDownMain">
        <div
          class="twoBox"
          :style="this.$route.query.Token ? 'top:50px;left:10px' : 'top: 100px'"
        >
          <el-row style="margin-top:10px">
            <el-col :span="20">
              <span style="margin-left:15px">服务名称：</span>
              <el-input
                size="mini"
                style="display:inline-block;width:160px"
              ></el-input>
              <span style="margin-left:15px">服务代码：</span>
              <el-input
                size="mini"
                style="display:inline-block;width:160px"
              ></el-input>
              <span style="margin-left:15px">状态：</span>
              <el-input
                size="mini"
                style="display:inline-block;width:160px"
              ></el-input>

              <span style="margin-left:15px">异常时间：</span>
              <el-date-picker
                size="small"
                v-model="value1"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-col>
            <el-col :span="4">
              <el-button size="small" style="float:right;margin-right:50px"
                >重置</el-button
              >
              <el-button size="small" style="float:right;margin-right:10px"
                >查询</el-button
              >
            </el-col>
          </el-row>
          <el-table :data="tableData" style="width: 100%;margin-top:15px">
            <el-table-column prop="date1" label="序号"> </el-table-column>
            <el-table-column prop="date2" label="服务名称"> </el-table-column>
            <el-table-column prop="date3" label="服务代码"> </el-table-column>
            <el-table-column prop="date4" label="状态"> </el-table-column>
            <el-table-column prop="date5" label="异常时间"> </el-table-column>
            <el-table-column prop="date6" label="处理方式"> </el-table-column>
            <el-table-column prop="date7" label="异常内容"> </el-table-column>
            <el-table-column label="异常处理">
              <template slot-scope="scope">
                <el-button
                  size="small"
                  icon="el-icon-chat-dot-square"
                ></el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      value1: "",
      tableData: [],
    };
  },
  methods: {},
  mounted() {
    // document.getElementById("2").focus();
  },
  created() {
    if (this.$route.query.Token) {
      localStorage.setItem("Token", this.$route.query.Token);
    }
  },
};
</script>
<style lang="scss">
.Integrated_Monitoring_FWYC {
  .top-input {
    display: inline-block;
    width: 350px;
  }

  .box-top {
    margin-top: 15px;
    margin-left: 5px;
  }
}
</style>
